<template>
  <div>
    <!-- title -->
    <van-nav-bar
      title="订单详情"
      left-text=""
      left-arrow
      @click-left="onClickLeft"
    >
      <template #left>
        <van-icon name="cross" size=".6rem" color="#000000" />
      </template>
      <template #right>
        <van-icon name="service-o" size=".6rem" color="#1989fa" />
      </template>
    </van-nav-bar>

    <!-- wait-pay -->
    <wait-pay></wait-pay>

    <!-- order_card  -->
    <total-card :orderList="orderListDefalut"></total-card>
    <!-- address -->
    <order-address :addressList="orderListDefalut"></order-address>

    <!-- img -->
    <van-image
      width="100%"
      src="@/../public/cartImg/cancelOrder/图片 456.png"
    />
  </div>
</template>


<script setup >
import WaitPay from "@/components/cart/waitCard.vue";
import TotalCard from "@/components/cart/TotalCard.vue";
import OrderAddress from "@/components/cart/OrderAddress.vue";
// 传入hooks
import { useCancelOrder } from "@/hooks/cart/useCart";
const { onClickLeft, orderListData,orderListDefalut } =useCancelOrder();

</script>

<style lang="scss" scoped>
</style>